<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@include file="../../include/fore/foreHeader.jsp" %>
<%@include file="../../include/modal.jsp" %>

<style>
	div.link-top-item{
	width:71px;
	height:49px;
	margin:30px 40px 30px 40px;
	}
	
	
	.bottom-border{
		border-bottom-style:solid;
		border-bottom-color:#4FA9E1;
		border-bottom-width:2px;
	}
	.top-link-margin{
		margin:20px 30px 0px 30px;
	}
	.top-link-width{
		width:56px;
		height:35px;
	}
</style>
<style>	
<!--按钮的点击效果-->
</style>
<%@include file="../../fore/foreNav.jsp" %>
<div class="row" style="margin-top:70px;">
<!-- 侧边栏 -->
<div class="col-xs-2" style="width:240px;margin-left:30px;border-right-width:1px;border-right-style:solid;border-right-color:#E5E9EF;">
	<div style="width:175px;margin:0px auto;">
		<img src="img/bude.png">
	</div>
	<div style="width:130px;margin:40px auto;">
		<a  class="btn btn-info btn-lg" style="width:130px;height:40px;">投稿</a>
	</div>
	<div  class="list-group" >
		<a href="#" class="list-group-item">
				投稿管理
		</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>数据中心</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>收益管理</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>粉丝管理</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>互动管理</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>收益管理</a>
		<a href="#" class="list-group-item disabled"><span class="badge">开发中</span>申诉管理</a>
	</div>
</div>

<!-- 内容区域 -->
<div class="col-xs-9">
	<!-- 导航栏 -->
	<div class="row" style="border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#E5E9EF;">
		<div class="col-xs-5">
		</div>
		<div class="col-xs-1" >
			<div class="top-link-width bottom-border">
			<a load="rightContent_subTv" class="top-link" href="javascript:void(0);"  style="color:#4FA9E1">视频投稿</a>
			</div>
		</div>
		<!-- <div class="col-xs-1" >
			<div class="top-link-width">
				<a class="top-link disabled" href="javascript:void(0);" >专栏投稿</a>
			</div>
		</div>
		<div class="col-xs-1">
			<div class="top-link-width">
			<a class="top-link disabled" href="javascript:void(0);"  >相册投稿</a>
			</div>
		</div> -->
	</div>
	
	<!-- 内容区域 -->
	<div id="rightContent" class="row" style="width:600px;margin:auto;">
		
	</div>
	
</div>
</div>
<script>
//加载完成后默认访问视频投稿模块
$(function(){
	$("#rightContent").load("rightContent_subTv");
});

</script>
<script type="text/javascript">
/* 导航栏的点击效果 */
$(".top-link").click(function(){
	initAColor();
	this.style.color="#4FA9E1";
	$(this).parent().addClass("bottom-border");
	
	$("#rightContent").load($(this).attr("load"));
});
function initAColor(){
	$(".top-link").each(function(){
		this.style.color="#222222";
		$(this).parent().removeClass("bottom-border");
	});
}
</script>

